<template>
  <div>
    <div class="anquan-box">
      <div
        class="anquan-box-li"
        v-for="(item, index) in userContact"
        :key="index"
      >
        <i
          class="overall-icon icon-fanyi2 anquan-box-li-icon"
          :class="item.icon"
        ></i>
        <div class="li-content">
          <div class="overall-flex overall-flex-column">
            <span class="li-content-key overall-text-color-draw">{{
              item.key
            }}</span>
            <span class="li-content-value overall-text-color-gray">{{
              item.value || item.defaultValue
            }}</span>
          </div>

          <span class="li-content-status" @click="clickBindMobile">{{
            item.value || "点击绑定"
          }}</span>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped lang="scss">
.anquan-box {
}
.anquan-box-li {
  border-bottom: 1px solid #f8f2f2;
  padding: 20px 8px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  &-icon {
    font-size: 1.9rem;
  }
}
</style>
